<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>爱游网</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" href="./css/public.css" />
    <link rel="stylesheet" href="./fonts/iconfont.css" />
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="./css/style6.css" />
  </head>
  <body>
    <div class="top">
      <div class="w">
        <div class="logo fl">
          <img src="./images/logo.jpg" alt="" />
        </div>
        <div class="num fr">
          <span class="iconfont">&#xe65b; 000-0000000</span>
        </div>
      </div>
    </div>
    <div class="header">
      <div class="w">
        <div class="h-list">
          <ul>
            <li class="fis"><a href="首页.html">首页</a></li>
            <li><a href="旅游攻略.html">旅游攻略</a></li>
            <li><a href="精选路线.html">精选路线</a></li>
            <li><a href="定制游.html">定制游</a></li>
            <li><a href="周边游.html">周边游</a></li>
          </ul>
        </div>
        <div class="inp fr">
          <input
            type="text"
            placeholder="热门搜索：欧洲、美洲、中东非、澳洲、马代."
          />
          <span class="iconfont">&#xe78b;</span>
        </div>
      </div>
    </div>
    <!-- 中间部分开始 -->
    <!-- 照片部分 -->
    <div class="box">
      <img src="./images/line_banner.jpg" alt="" />
    </div>
    <!-- 照片部分结束 -->
    <!-- 下面大盒子开始 -->
    <!-- 第一个搜索框开始 -->
    <div class="box1 w">
      <input type="text" name="" id="" placeholder="当前条件下搜索" />
      <button class="iconfont">&#xe78b;</button>
    </div>
    <!-- 第一个搜索框结束 -->
    <!-- 第二部分已选择框开始 -->
    <div class="box2 w"><h3>已选择：</h3></div>
    <!-- 第二部分已选择框结束 -->
    <!-- 文字部分开始 -->
    <div class="div3 w">
      <ul>
        <li>行程天数：</li>
        <li><a href="#">10天</a></li>
        <li><a href="#">9天</a></li>
        <li><a href="#">7天</a></li>
        <li><a href="#">5天</a></li>
        <li><a href="#">6天</a></li>
        <li><a href="#">3天</a></li>
        <li><a href="#">2天</a></li>
        <li><a href="#">4天</a></li>
      </ul>
    </div>
    <div class="div4 w">
      <ul>
        <li>目的地：</li>
        <li><a href="#">新疆</a></li>
        <li><a href="#">三亚</a></li>
        <li><a href="#">曼谷 泰国 芭...</a></li>
        <li><a href="#">南非，迪拜</a></li>
        <li><a href="#">旧金山，拉斯...</a></li>
        <li><a href="#">北海道</a></li>
        <li><a href="#">千岛湖</a></li>
        <li><a href="#">伏尔加庄园</a></li>
        <li><a href="#">西澳</a></li>
        <li><a href="#">意大利</a></li>
        <li>
          <a href="#">更多<i class="iconfont">&#xe996;</i> </a>
        </li>
      </ul>
    </div>
    <div class="div5 w">
      <ul>
        <li>预算/人：</li>
        <li><a href="#">1000-1599</a></li>
        <li><a href="#">1800以上</a></li>
      </ul>
    </div>
    <!-- 文字部分结束 -->
    <!-- 下面图片部分开始 -->
    <div class="div6 w">
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子结束 -->
    </div>
    <div class="div6 w">
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子结束 -->
    </div>
    <div class="div6 w">
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子结束 -->
    </div>
    <div class="div6 w">
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子 -->
      <div class="div6_1 fl">
        <div class="div_img">
          <img src="./images/custom_hot_01.png" alt="" />
          <div class="div_text">
            <span>自然</span>
            <span>请探险</span>
            <span>摄影</span>
          </div>
          <div class="div_wenzi">
            <p>领略风土人情</p>
          </div>
          <div class="jiage">￥5000起</div>
        </div>
        <p>边塞风情-伊宁草原之夜4日游</p>
        <!-- 最下面大盒子 -->
        <div class="div6_2">
          <!-- 左边钱数 -->
          <div class="div6_21 fl">
            <span>￥5000. <i>00</i> </span>
            <del>0.00</del>
          </div>
          <!-- 左边钱数结束 -->
          <!-- 右面 -->
          <div class="div6_3 fr">
            <button><a href="#">预约</a></button>
          </div>
          <!-- 右面结束 -->
        </div>
        <!-- 最下面大盒子结束 -->
      </div>
      <!-- 大盒子里面每个小盒子结束 -->
      <!-- 大盒子里面每个小盒子结束 -->
    </div>
    <!-- 下面图片部分结束 -->
    <!-- 最下面的页码开始 -->
    <div class="div7 w">
      <ul>
        <li><a href="#">上一页</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">下一页</a></li>
      </ul>
    </div>
    <!-- 最下面的页码结束 -->
    <!-- 中间部分结束 -->
    <!-- 页脚 -->
    <div class="footer">
      <div class="w">
        <div class="fo1">
          <span class="iconfont">&#xe629;</span>
          <h2>阳光行程</h2>
          <p>透明公开</p>
        </div>
        <div class="fo2">
          <span class="iconfont">&#xe643;</span>
          <h2>阳光价格</h2>
          <p>明码实价</p>
        </div>
        <div class="fo3">
          <span class="iconfont">&#xe63b;</span>
          <h2>阳光服务</h2>
          <p>专属客服</p>
        </div>
        <div class="fo4">
          <span class="iconfont">&#xe65b;</span>
          <h2>服务电话</h2>
          <p>000-000-0000</p>
        </div>
      </div>
    </div>
    <div class="footb">
      <div class="w">
        <dl class="fl">
          <dt>去旅游</dt>
          <dd>跟团游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>

        <dl class="fl">
          <dt class="ddt">去旅游</dt>
          <dd>跟团游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>

        <dl class="fl">
          <dt class="ddt">去旅游</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx"></div>
        <dl class="fl">
          <dt>找优惠</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx1"></div>
        <dl class="fl">
          <dt>看攻略</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx1"></div>
        <dl class="fl">
          <dt>查服务</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx1"></div>
      </div>
    </div>
    <script src="./js/swiper-bundle.min.js"></script>
    <script>
      var mySwiper = new Swiper(".swiper-container", {
        direction: "horizontal", // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true,
        // 如果需要分页器
        pagination: {
          el: ".swiper-pagination",
        },
      });
    </script>
  </body>
</html>
